<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/login.css" rel="stylesheet" type="text/css">

    <script src="/js/jquery/jquery.js"></script>
    <script src="/js/plugins/jquery-backstretch/jquery.backstretch.min.js"></script>
    <script src="/js/plugins/jquery-vaildation/jquery.validate.js"></script>
    <script src="/js/system/common.js"></script>
    <script src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script>
        $(function () {
            $("#_js_loginBtn").validate({
                rules:{
                    username:"required",
                    password:"required"
                },
                messages:{
                    username:"昵称不能为空",
                    password:"密码不能为空"
                }
            });
        });
    </script>
</head>

<script>
    $(function () {
        $("#_js_loginBtn").click(function () {
            $("#_j_login_form").ajaxSubmit(function (data) {
                if(data.success){
                    location.href = "/"
                }else{
                    popup(data.msg);
                }
            })
        })
    })


</script>

<body>
<script type="text/javascript">
    $.backstretch([
        'https://images.mafengwo.net/images/signup/wallpaper/40.jpg',
        'https://images.mafengwo.net/images/signup/wallpaper/36.jpg',
        'https://images.mafengwo.net/images/signup/wallpaper/33.jpg',
        'https://images.mafengwo.net/images/signup/wallpaper/26.jpg',
        'https://images.mafengwo.net/images/signup/wallpaper/24.jpg',
        'https://images.mafengwo.net/images/signup/wallpaper/12.jpg',
        'https://images.mafengwo.net/images/signup/wallpaper/44.jpg'
    ], {
        fade : 700, // 动画时长
        duration : 1000 // 切换延时
    });
</script>
<div class="wrapper">
    <div class="container container-login">
        <a href="javascript:;" title="返回首页" class="logo">博游</a>
        <div class="signup-forms flip">
            <div class="login-box" id="_j_login_box">
                <div class="inner inner_v2 clearfix">
                    <div class="inner_v2_left">
                        <form id="_j_login_form" method="post" action="/userLogin">
                            <div class="form-field">
                                <input id="username" name="username" type="text" placeholder="您的手机号" autocomplete="off" data-verification-name="帐号" class="verification[required,maxSize[50],funcCall[checkShowCode]]" value="1">
                                <div class="err-tip"></div>
                            </div>
                            <div class="form-field">
                                <input id="password" name="password" type="password" placeholder="您的密码" autocomplete="off" data-verification-name="密码" class="verification[required,minSize[4],maxSize[50]]" value="1">
                                <div class="err-tip"></div>
                            </div>
                            <div class="form-link"><a href="javascript:;">忘记密码</a></div>
                            <div class="submit-btn">
                                <button id="_js_loginBtn" type="button">登 录</button>
                            </div>
                        </form>
                        <div class="connect">
                            <p class="hd">用合作网站账户直接登录</p>
                            <div class="bd">
                                <a href="javascript:;" class="weibo"><i></i>新浪微博</a>
                                <a href="javascript:;" class="qq"><i></i>QQ</a>
                                <a href="javascript:;" class="weixin"><i></i>微信</a>
                                <div class="clear"></div>
                            </div>
                        </div>                        </div>
                    <div class="inner_v2_right">
                        <img src="/images/qrcode.jpg">
                        <p>扫一扫<br>下载博游APP</p>
                    </div>
                </div>
                <div class="bottom-link">
                    还没有帐号?<a href="/regist.html">马上注册</a>
                </div>
            </div>
        </div>

    </div>
</div>
<!--<div class="fullscreen-bg"
     style="background-image: url(https://images.mafengwo.net/images/signup/wallpaper/34.jpg);">
    <img src="/34.jpg" style="width: auto; height: 657px; margin-top: -213px;">
</div>-->
</body>
</html>